﻿@model System.String
<a class="btn btn-navbar" data-toggle="collapse" data-target=".top-nav.nav-collapse,.sidebar-nav.nav-collapse">
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
</a>
<a class="brand" href="index.html"><span><strong>WSOM</strong></span>&nbsp;<i>Local System</i></a>

<!-- start: Header Menu -->
<div class="nav-no-collapse header-nav">
    <ul class="nav pull-right">
        <li class="dropdown hidden-phone">
            <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
                <i class="halflings-icon white warning-sign"></i>
            </a>
            <ul class="dropdown-menu notifications">
                <li class="dropdown-menu-title">
                    <span>You have 11 notifications</span>
                    <a href="#refresh"><i class="icon-repeat"></i></a>
                </li>
                <li>
                    <a href="#">
                        <span class="icon blue"><i class="icon-user"></i></span>
                        <span class="message">New user registration</span>
                        <span class="time">1 min</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="icon green"><i class="icon-comment-alt"></i></span>
                        <span class="message">New comment</span>
                        <span class="time">7 min</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="icon green"><i class="icon-comment-alt"></i></span>
                        <span class="message">New comment</span>
                        <span class="time">8 min</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="icon green"><i class="icon-comment-alt"></i></span>
                        <span class="message">New comment</span>
                        <span class="time">16 min</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="icon blue"><i class="icon-user"></i></span>
                        <span class="message">New user registration</span>
                        <span class="time">36 min</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="icon yellow"><i class="icon-shopping-cart"></i></span>
                        <span class="message">2 items sold</span>
                        <span class="time">1 hour</span>
                    </a>
                </li>
                <li class="warning">
                    <a href="#">
                        <span class="icon red"><i class="icon-user"></i></span>
                        <span class="message">User deleted account</span>
                        <span class="time">2 hour</span>
                    </a>
                </li>
                <li class="warning">
                    <a href="#">
                        <span class="icon red"><i class="icon-shopping-cart"></i></span>
                        <span class="message">Transaction was canceled</span>
                        <span class="time">6 hour</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="icon green"><i class="icon-comment-alt"></i></span>
                        <span class="message">New comment</span>
                        <span class="time">yesterday</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="icon blue"><i class="icon-user"></i></span>
                        <span class="message">New user registration</span>
                        <span class="time">yesterday</span>
                    </a>
                </li>
                <li class="dropdown-menu-sub-footer">
                    <a>View all notifications</a>
                </li>
            </ul>
        </li>
        <!-- start: Notifications Dropdown -->
        <li class="dropdown hidden-phone">
            <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
                <i class="halflings-icon white tasks"></i>
            </a>
            <ul class="dropdown-menu tasks">
                <li class="dropdown-menu-title">
                    <span>You have 17 tasks in progress</span>
                    <a href="#refresh"><i class="icon-repeat"></i></a>
                </li>
                <li>
                    <a href="#">
                        <span class="header">
                            <span class="title">iOS Development</span>
                            <span class="percent"></span>
                        </span>
                        <div class="taskProgress progressSlim red">80</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="header">
                            <span class="title">Android Development</span>
                            <span class="percent"></span>
                        </span>
                        <div class="taskProgress progressSlim green">47</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="header">
                            <span class="title">Django Project For Google</span>
                            <span class="percent"></span>
                        </span>
                        <div class="taskProgress progressSlim yellow">32</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="header">
                            <span class="title">SEO for new sites</span>
                            <span class="percent"></span>
                        </span>
                        <div class="taskProgress progressSlim greenLight">63</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="header">
                            <span class="title">New blog posts</span>
                            <span class="percent"></span>
                        </span>
                        <div class="taskProgress progressSlim orange">80</div>
                    </a>
                </li>
                <li>
                    <a class="dropdown-menu-sub-footer">View all tasks</a>
                </li>
            </ul>
        </li>
        <!-- end: Notifications Dropdown -->
        <!-- start: Message Dropdown -->
        <li class="dropdown hidden-phone">
            <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
                <i class="halflings-icon white envelope"></i>
            </a>
            <ul class="dropdown-menu messages">
                <li class="dropdown-menu-title">
                    <span>You have 9 messages</span>
                    <a href="#refresh"><i class="icon-repeat"></i></a>
                </li>
                <li>
                    <a href="#">
                        <span class="avatar">
                            <img src="/content/img/avatar.jpg" alt="Avatar"></span>
                        <span class="header">
                            <span class="from">Łukasz Holeczek
                            </span>
                            <span class="time">6 min
                            </span>
                        </span>
                        <span class="message">Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
                        </span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="avatar">
                            <img src="/content/img/avatar2.jpg" alt="Avatar"></span>
                        <span class="header">
                            <span class="from">Megan Abott
                            </span>
                            <span class="time">56 min
                            </span>
                        </span>
                        <span class="message">Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
                        </span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="avatar">
                            <img src="/content/img/avatar3.jpg" alt="Avatar"></span>
                        <span class="header">
                            <span class="from">Kate Ross
                            </span>
                            <span class="time">3 hours
                            </span>
                        </span>
                        <span class="message">Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
                        </span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="avatar">
                            <img src="/content/img/avatar4.jpg" alt="Avatar"></span>
                        <span class="header">
                            <span class="from">Julie Blank
                            </span>
                            <span class="time">yesterday
                            </span>
                        </span>
                        <span class="message">Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
                        </span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="avatar">
                            <img src="/content/img/avatar5.jpg" alt="Avatar"></span>
                        <span class="header">
                            <span class="from">Jane Sanders
                            </span>
                            <span class="time">Jul 25, 2012
                            </span>
                        </span>
                        <span class="message">Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
                        </span>
                    </a>
                </li>
                <li>
                    <a class="dropdown-menu-sub-footer">View all messages</a>
                </li>
            </ul>
        </li>
        <!-- end: Message Dropdown -->
        <li>
            <a class="btn" href="#">
                <i class="halflings-icon white wrench"></i>
            </a>
        </li>
        <!-- start: User Dropdown -->
        <li class="dropdown">
            <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
                <i class="halflings-icon white user"></i>@Model
                <span class="caret"></span>
            </a>
            <ul class="dropdown-menu">
                <li class="dropdown-menu-title">
                    <span>Account Settings</span>
                </li>
                <li><a href="/account/profile"><i class="halflings-icon user"></i>Profile</a></li>
                <li><a href="/account/logout/@Model.ToLower()"><i class="halflings-icon off"></i>Logout</a></li>
            </ul>
        </li>
        <!-- end: User Dropdown -->
    </ul>
</div>
<!-- end: Header Menu -->
